<template>
  <!--查询-->
  <nf-el-find
    v-model="listState.query"
    v-bind="findProps"
    @my-change="myChange"
  />
</template>

<script>
import { reactive } from 'vue'
// 加载json
import loadJson from './control/loadjson.js'
// 状态
import VueDS from 'vue-data-state'

</script>

<script setup>
  // 组件
  import nfElFind from '/ctrl/nf-el-find/el-find-div.vue'

  // 属性：模块ID、查询条件
  const props = defineProps({
    moduleId:  [Number, String]
  })

  // 设置 查询的 meta
  const findProps = reactive({reload: true})
  loadJson(props.moduleId, 'find', findProps)

  // 访问状态
  const { get } = VueDS.useStore()
  const listState = get.dataListState()

  // 用户设置查询条件后触发
  const myChange = (query) => {
    // 获取第一页的数据，并且重新统计总数
    listState.reloadFirstPager()
  }
</script>
